<div class="button-item">
    <button pButton type="text" *ngIf="taskListId > 0" class="ui-button-success" icon="fa fa-check" (click)="saveUpdate()"
        label="保存"></button>
    <button pButton type="text" *ngIf="taskListId > 0" class="ui-button-danger" icon="fa fa-times" (click)="delete($event)"
        label="删除"></button>
</div>

<div class="container">
    <form [formGroup]="taskListForm">
        <div class="ui-g ui-g-10">
            <input type="hidden" formControlName="groupId">
            <div class="ui-g-6">
                <div class="ui-g-4">标识</div>
                <div class="ui-g-8">
                    <input pInputText type="text" formControlName="taskListId" style="width:100%" readonly />
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">名称</div>
                <div class="ui-g-8">
                    <input pInputText type="text" formControlName="taskListName" style="width:100%"
                        pTooltip="{{ formErrors.taskListName }}" />
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">每页显示数</div>
                <div class="ui-g-8">
                    <p-dropdown [options]="pageSize" formControlName="countPerPage" [style]="{'width':'100%'}">
                    </p-dropdown>
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">显示总计数</div>
                <div class="ui-g-8">
                    <p-toggleButton onLabel="显示总计数" formControlName="countVisible" offLabel="不显示总计数"
                        onicon="fa-check-square" officon="fa fa-square" [style]="{'width':'100%'}"></p-toggleButton>
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">图标样式</div>
                <div class="ui-g-8">
                    <p-dropdown [options]="icons" formControlName="displayIcon" [style]="{'width':'100%'}"
                        filter="true">
                        <ng-template let-item pTemplate="selectedItem">
                            <i class="fa {{item.label}}"></i>&nbsp;&nbsp;&nbsp;
                            <span style="vertical-align:middle">{{item.label}}</span>
                        </ng-template>
                        <ng-template let-item pTemplate="item">
                            <i class="fa {{item.label}}"></i>&nbsp;&nbsp;&nbsp;
                            <div style="font-size:14px;float:right;margin-top:4px">{{item.label}}</div>
                        </ng-template>
                    </p-dropdown>
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">排序位置</div>
                <div class="ui-g-8">
                    <input pInputText type="text" formControlName="displayOrder" style="width:100%"
                        pTooltip="{{ formErrors.displayOrder }}" />
                </div>
            </div>
            <div class="ui-g-12">
                <div class="ui-g-2">列表查询SQL
                    <span style="color:red;">*</span>
                </div>
                <div class="ui-g-10">
                    <textarea pInputTextarea rows="6" formControlName="taskListSql" style="width:100%"
                        pTooltip="{{ formErrors.taskListSql }}"></textarea>
                </div>
            </div>
            <div class="ui-g-12">
                <div class="ui-g-2">功能描述
                    <span style="color:red;">*</span>
                </div>
                <div class="ui-g-10">
                    <textarea pInputTextarea rows="3" formControlName="taskListDesc" style="width:100%"
                        pTooltip="{{ formErrors.taskListDesc }}"></textarea>
                </div>
            </div>
        </div>
    </form>
</div>